<template>
  <div>{{ message }}</div>
  <div>{{ obj.message }}</div>
  <div>{{ desc }}</div>
</template>

<script setup>
import { toRefs, reactive, ref } from 'vue'

let obj = reactive({ message: "这是修改前的值" });
let { message } = toRefs(obj);
let desc = ref("desc修改前的值");

setTimeout(() => {
  message.value = "这是修改后的值";
  desc.value = "这是desc修改后的值";
}, 5000);
</script>